@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2018-05-21 18:21:41
 * @version $Id$
 */
html, body, #root{
    padding: 0;
    margin: 0;
    height: 100%;
    background-color: #fff;
}
.bg{
    display: block;
    width: 100%;
    height: 100%;
    background: url('https://img.app.meitudata.com/meitumv/images/apponline/catch-doll/bg.png') no-repeat;
    background-position: center -3rem;
    background-size: cover;
}
.btn{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 60%;
    height: 10%;
    background: url('https://img.app.meitudata.com/meitumv/images/apponline/catch-doll/btn.png') no-repeat;
    background-size: 100%;
}
.btn:active{
    margin-top: 0.1rem;
}
#alert{
    font-size: 1rem;
    line-height: 1.4rem;

    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;

    max-width: 320px;
    padding: 0.4rem 1.2rem;

    transform: translate(-50%,-50%);
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;

    color: #fff;
    border-radius: 0.3rem;
    background: rgba(0,0,0,.7);
}